<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="img/TuringMaker.ico">
  <title>图灵创客</title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
  <link href="css/style.css" rel="stylesheet">
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-static" role="navigation">
    <div class="container">
      <div class="row">
        <!-- logo -->
        <div class="col-xs-2 col-sm-2 col-md-2">
          <a class="navbar-brand site-logo" href="index.html"><span>TuringMaker</span></a>
        </div>

        <!-- navbar -->
        <div class="col-xs-10 col-sm-10 col-md-10">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-main-navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>

          <div class="collapse navbar-collapse" id="my-main-navbar">
            <ul class="nav nav-pills navbar-right" role="tablist">
              <li role="presentation"><a href="platform.html">创客平台</a></li>
              <li role="presentation"><a href="community.html">社区交流</a></li>
              <li role="presentation"><a href="shopping.html">电子商务</a></li>
              <li role="presentation"><a href="education.html">教育机构</a></li>
              <li class="btn-group">
                <a  class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <span class="glyphicon glyphicon-user" style="color:#6666FF;" aria-hidden="true"></span>
                  <span class="caret" style="color:#6666FF;"></span>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="#">登陆</a></li>
                  <li><a href="#">注册</a></li>
                  <!-- <li><a href="#">Something else here</a></li> -->
                  <li role="separator" class="divider"></li>
                  <li><a href="#">离开</a></li>
                </ul>
              </li>
            </ul>
          </div>

        </div>

      </div>
      <!-- end row -->
    </div>
  </nav>
  <!-- /Navigation -->


  <!-- Section:pic-slider -->
  <section id="pic-slider">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="img/12_ps.jpg" style="width:100%;" alt="">
          <div class="carousel-caption">
            <div class="container">

              <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center inner">
                  <div class="animatedParent">
                    <h1 class="animated fadeInDown go">图灵创客</h1>
                    <p class="animated fadeInUp go">我们致力于建设国内第一个K12创新教育社交平台</p>
                    <a href="#introduce" class="btn learn-more-btn">了解更多</a>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>

        <div class="item ">
          <video autoplay preload loop muted style="width: 100%;">
            <source src="img/9_ps.mp4" type="video/mp4">
          </video>
          <div class="carousel-caption">
            <div class="container">

              <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center inner">
                  <div class="animatedParent">
                    <h1 class="animated fadeInDown go">图形化编程软件</h1>
                    <p class="animated fadeInUp go">最简易的编程方式，创你所想，释放你的想象力和创造力！</p>
                    <a href="#software" class="btn learn-more-btn">软件下载</a>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>

        <div class="item">
          <img src="img/10_ps.jpg" style="width:100%;" alt="">
          <div class="carousel-caption">
            <div class="container">

              <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center inner">
                  <div class="animatedParent">
                    <h1 class="animated fadeInDown go">图灵魔块</h1>
                    <p class="animated fadeInUp go">众多传感器种类的图灵魔块，用物联网的方式感受世界！</p>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </section>
  <!-- /Section:pic-slider -->

  <!-- Section:introduce -->
  <section id="introduce" name="introduce" class="introduce_box">
    <div class="container">
      <div class="jumbotron">
        <h1>图灵创客</h1>
        <p>
          武汉图灵创客科技有限公司致力于建设国内第一个K12创新教育社交平台。<br>
          让中国的青少年充分提高创新能力。<br>
          让创新流行起来!
        </p>
      </div>

      <div class="container">
        <div class="col-md-6" >
          <img src="img/12.jpg" alt="" class="img-responsive" />
        </div>
        <div class="col-md-6" >
          <img src="img/11.jpg" alt="" class="img-responsive" />
        </div>
      </div>
    </div>
  </section>
  <!-- /Section:introduce -->

  <!-- Section: software -->
  <section id="software" class="paddingtopbot-100">

    <div class="jumbotron bg-white">
      <h1 class="animated bounceInDown" style="animation-duration: 0.8s;">图形化编程软件</h1>
      <div class="text-center">
        <p>
          图灵创客软件是一款基于图灵模块的图形化编程软件。
        </p>
        <p>
          创你所想，释放你的想象力和创造力！
        </p>
        <button href="#service" class="btn btn-warning">下载</button> 
      </div>
    </div>

    <div class="container">
      <video autoplay preload loop muted style="width: 100%;">
        <source src="img/9_ps.mp4" type="video/mp4">
      </video>
    </div>
    </section>
  <!-- /Section: software -->

  <!-- Section: example -->
  <section id="example" class="text-center bg-gray paddingtopbot-100">

    <div class="jumbotron bg-gray">
      <h1 class="animated bounceInDown" style="animation-duration: 0.8s;">案例展示</h1>
    </div>

    <div class="container">

      <div class="row ">
        <div class="col-sm-12 col-md-12 col-lg-12" >

          <div class="row gallery-item">
            <div class="col-md-4 animated fadeInUp go">
              <a href="img/works/1.jpg" class="fancybox">
                <img src="img/works/1.jpg" class="img-responsive" alt="img">
              </a>
            </div>
            <div class="col-md-4 animated fadeInUp slow go">
              <a href="img/works/2.jpg" class="fancybox">
                <img src="img/works/2.jpg" class="img-responsive" alt="img">
              </a>
            </div>
            <div class="col-md-4 animated fadeInUp slower go">
              <a href="img/works/3.jpg" class="fancybox">
                <img src="img/works/3.jpg" class="img-responsive" alt="img">
              </a>
            </div>

          </div>

        </div>
      </div>  
    </div>
  </section>
  <!-- /Section: example -->

  <!-- Section:property -->
  <section id="property" class="box">
    <div class="container">
      <div class="row">				
        <div class="col-md-4">
          <div class="animated bounceIn go" style="animation-delay: 0.4s;">
            <div class="services">
              <div class="icons">
                <i class="fa fa-heart-o fa-3x"></i>
              </div>
              <h4>实体化</h4>	
            </div>
          </div>
          <hr>
        </div>

        <div class="col-md-4">
          <div class="animated bounceIn go" style="animation-delay: 0.8s;">
            <div class="services">											
              <div class="icons">
                <i class="fa fa-desktop fa-3x"></i>
              </div>
              <h4>轻编程</h4>	
            </div>
          </div>
          <hr>
        </div>

        <div class="col-md-4">
          <div class="animated bounceIn go" style="animation-delay: 1.2s;">
            <div class="services">												
              <div class="icons">
                <i class="fa fa-thumbs-o-up fa-3x"></i>
              </div>
              <h4>智能化</h4>			
            </div>
          </div>
          <hr>
        </div>
        <div class="col-md-4">
          <div class="animated bounceIn go" style="animation-delay: 0.4s;">
            <div class="services">											
              <div class="icons">
                <i class="fa fa-leaf fa-3x"></i>
              </div>
              <h4>可定制</h4>	
            </div>						
          </div>
          <hr>
        </div>
        <div class="col-md-4">
          <div class="animated bounceIn go" style="animation-delay: 0.8s;">
            <div class="services">											
              <div class="icons">
                <i class="fa fa-connectdevelop fa-3x"></i>
              </div>
              <h4>互联性</h4>					
            </div>
          </div>
          <hr>
        </div>
        <div class="col-md-4">
          <div class="animated bounceIn go" style="animation-delay: 1.2s;">
            <div class="services">												
              <div class="icons">
                <i class="fa fa-weixin fa-3x"></i>
              </div>
              <h4>社交性</h4>
            </div>
          </div>
          <hr>
        </div>
      </div>
    </div>
  </section>
  <!-- /Section:property -->

  <footer>
    <div class="inner-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-4 f-about">
            <a href="index.html"><h1>关于我们</h1></a>
            <p>武汉图灵创客科技有限公司是中国湖北省武汉市洪山区的一家做创新教育社交的创业型公司。我们致力于建设国内第一个K12创新教育社交平台，让创新流行起来，为中国的青少年提供一个创新的平台，充分提高K12学生的创新能力。</p>
          </div>

          <div class="col-md-4 l-posts">
            <h3 class="widgetheading">友情链接</h3>
            <ul>
              <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
              <li><a href="http://www.easylinkin.com/">武汉慧联无限科技有限公司</a></li>
              <li><a href="http://www.hust.edu.cn/">华中科技大学</a></li>
              <!-- <li><a href="#">Wow, this is fourth post title</a></li> -->
            </ul>
          </div>

          <div class="col-md-4 f-contact">
            <h3 class="widgetheading">联系我们</h3>
            <a href="#"><p><i class="fa fa-envelope"></i> turingmaker@qq.com</p></a>
            <p><i class="fa fa-qq"></i>  3512191169</p>
            <p><i class="fa fa-phone"></i>  +086 132 xxxx xxxx</p>
            <p><i class="fa fa-home"></i> TuringMaker inc  |  武汉市洪山区珞瑜路1037号 <br>中国湖北省武汉市</p>
          </div>

        </div>
      </div>
    </div>

    <div class="last-div">
      <div class="container">
        <div class="copyright">
          © Copyright 2016 武汉图灵创客科技有限公司 | <a href="http://turingmaker.com">TuringMaker</a>
        </div>
        <ul class="social-network">
          <li><a href="#" data-placement="top" title="qq"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
          <li><a href="#" data-placement="top" title="Weibo"><i class="fa fa-weibo fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-wechat fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-linkedin fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus fa-1x"></i></a></li>
        </ul>
      </div>
    </div>
  </footer>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="js/jquery-2.1.1.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.bxslider.min.js"></script>
  <script src="js/jquery.isotope.min.js"></script>
  <script src="js/fancybox/jquery.fancybox.pack.js"></script>
  <script src="js/functions.js"></script>

</body>
</html>